<!DOCTYPE html>
<html>
<head>
    <title>福建省12345大数据可视化展示中心_首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8">

    <meta name="keywords" content="">
    <meta name="description" content="">
    <!--[if lt IE 10]>
    <script type="text/javascript">
        window.location.href="compatibility/warning.html?referrer="+encodeURIComponent(window.location.href);;
    </script>
    <![endif]-->
    <link rel="stylesheet" href="style/lib/layout.css">
    <link rel="stylesheet" href="style/index.css">

    <script src="javascript/fontsvg_index.js"></script>
</head>
<body class="style_002">
<div id="layout" class="layout light_bg">
    <div class="tab_wrapper">
        <div class="tabtitle">福建省12345大数据可视化展示中心</div>
        <div class="tab">
            <ul>
                <li><a href="article_data.html" title="诉求分析"><i class="left-icon"></i>诉求分析</a></li>
                <li class="pagetitle"><a href="index.html"><div class="linecolor" text="福建省12345大数据可视化展示中心">福建省12345大数据可视化展示中心</div></a></li>
                <li><a href="#" title="专题分析">专题分析<i class="right-icon"></i></a></li>
            </ul>
        </div>
        <div class="left-more time"><i class="icon_time"></i><span id="lastTime">--</span></div>
        <div class="right-more"></div>
    </div>
    <div class="rjc-wrapper min-h title_bg">
        <div class="rjc-row">
            <div id="frame_1" style="overflow:hidden;" class="w-slg-16 w-lg-16 w-mdl-24 w-md-36 w-sm rjc-full-column slg-push-10 lg-push-10">
                <div class="rjc-row h-md-36 h-sm-36">
                    <div class="mod_style_1 mod_bg_1">
                        <div class="modhead"></div>
                        <div class="rjc-layout clearfix">
                            <div class="rjc-row sp-border" >
                                <div class="w-md-21 w-sm rjc-column">
                                    <h2 class="num-title">历史办件总数</h2>
                                    <div class=" clearfix" id="num1">
                                        <div id="numTotal" class="numTotal"></div>
                                    </div>
                                </div>
                                <div class="w-md-15 w-sm rjc-column">
                                    <div class="w-md-18 w-sm-18 rjc-column">
                                        <div class="small-pie-chart" id="pie2"></div>
                                    </div>
                                    <div class="w-md-18 w-sm-18 rjc-column">
                                        <div class="small-pie-chart" id="pie3"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="rjc-full-row rjc-full-column">
                                <div class="rjc-full-row w-sm rjc-column rjc-full-column r-padding">
                                    <div class="map-chart" id="map1"></div>
                                </div>
                            </div>
                            <div class="rjc-row map-bottom">
                                <div class="linebox">

                                    <ul class="num_data_list">
                                        <li>
                                            <div class="cont">
                                                <div class="icon">
                                                    <img src="images/icon_map_01.png" />
                                                </div>
                                                <span class="value color1" id="num_1" data-to="434" data-type="int">0</span>
                                                <span class="name">话务</span>
                                            </div>
                                        </li>
                                        <li>

                                            <div class="cont">
                                                <div class="icon">
                                                    <img src="images/icon_map_02.png" />
                                                </div>
                                                <span class="value color2" id="num_2" data-to="3602" data-type="int">0</span>
                                                <span class="name">批转</span>
                                            </div>
                                        </li>
                                        <li class="space">
                                            <div class="ra-box">
                                                <div class="value-box">
                                                    <div class="value" id="num_5" data-to="3593" data-type="int">0</div>
                                                    <div class="name">今日办件</div>
                                                </div>

                                            </div>
                                        </li>
                                        <li>

                                            <div class="cont">
                                                <div class="icon">
                                                    <img src="images/icon_map_03.png" />
                                                </div>
                                                <span class="value color3" id="num_3" data-to="2828" data-type="int">0</span>
                                                <span class="name">受理</span>
                                            </div>
                                        </li>
                                        <li>

                                            <div class="cont">
                                                <div class="icon">
                                                    <img src="images/icon_map_04.png" />
                                                </div>
                                                <span class="value color4" id="num_4" data-to="6" data-type="int">0</span>
                                                <span class="name">逾期</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="frame_2" class="w-slg-10 w-lg-10 w-mdl-12 w-md-18 w-sm rjc-full-column  lg-pull-16">
                <div class="rjc-full-row rjc-full-column">
                    <div class="rjc-row h-md-16 h-mdl-14">
                        <div class="mod_style_1">
                            <div class="modhead"><div class="modtitle"><i></i>本月各地市办理情况排行</div></div>
                            <div class="modcon">
                                <div class="bar-chart" id="bar1" style="min-height: 260px;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="rjc-row h-md-10 h-mdl-10 h-sm-14">
                        <div class="mod_style_1">
                            <div class="modhead"><div class="modtitle"><i></i>本月各地市办理总数排行</div></div>
                            <div class="modcon">
                                <div class="pie-chart" id="sort1"></div>
                            </div>
                        </div>
                    </div>
                    <div class="rjc-row h-md-10 h-mdl-12 h-sm-14">
                        <div class="mod_style_1">
                            <div class="modhead"><div class="modtitle"><i></i>本月诉求类数据分析</div></div>
                            <div class="modcon">
                                <div class="pie-chart" id="pie1"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="frame_3" class="w-slg-10 w-lg-10  w-mdl-36 w-md-18 w-sm rjc-full-column  ">
                <div class="rjc-full-column w-lg-36 w-md-36">
                    <div class="rjc-row w-lg-36  w-mdl-36 h-lg-14 h-mdl-18 h-md-12 h-sm-13 ">
                        <div class="mod_style_1">
                            <div class="modhead"><div class="modtitle"><i></i>平台联动单位接入情况</div></div>
                            <div class="modcon">
                                <div class="tree-chart" id="tree-chart">
                                    <div class="title">
                                       <ul class="title-ul">
                                           <li>全省总共单位<span class="font-c">8200</span>家</li>
                                           <li>覆盖单位用户<span class="font-c">2.5万</span>人</li>
                                       </ul>

                                    </div>
                                    <div class="tree">
                                        <div class="tree-con">
                                            <ul>
                                                <li>
                                                    <div class="info info1">
                                                        <div class="text">
                                                            <div>省直单位</div>
                                                            <div>68家</div>
                                                            <div>覆盖率98%</div>
                                                        </div>
                                                    </div>
                                                    <svg class="svg svgbg-1">
                                                        <use xlink:href="#t1"></use>
                                                    </svg>
                                                </li>
                                                <li>
                                                    <div class="info info2">
                                                        <div class="text">
                                                            <div>市直单位</div>
                                                            <div>1100家</div>
                                                            <div>覆盖率96%</div>
                                                        </div>
                                                    </div>
                                                    <svg class="svg svgbg-2">
                                                        <use xlink:href="#t2"></use>
                                                    </svg>
                                                </li>
                                                <li>
                                                    <div class="info info3">
                                                        <div class="text">
                                                            <div>区县单位</div>
                                                            <div>7023家</div>
                                                            <div>覆盖率92%</div>
                                                        </div>
                                                    </div>
                                                    <svg class="svg svgbg-3">
                                                        <use xlink:href="#t3"></use>
                                                    </svg>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="bottom">
                                            <div class="line"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="rjc-row rjc-column w-lg-36 w-mdl-18 h-lg-11 h-mdl-18 h-md-12 h-sm-12">
                        <div class="mod_style_1">
                            <div class="modhead"><div class="modtitle"><i></i>本月热词分析</div></div>
                            <div class="modcon">
                                <div class="rjc-layout" id="hot"></div>
                            </div>
                        </div>
                    </div>
                    <div class="rjc-row rjc-column w-lg-36 w-mdl-18 h-lg-11 h-mdl-18 h-md-12 h-sm-11">
                        <div class="mod_style_1">
                            <div class="modhead"><div class="modtitle"><i></i>本月各地市区/县逾期Top5</div></div>
                            <div class="modcon">
                                <div class="line-chart" id="bar2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div id="frame_js">
        <script src="javascript/lib/echarts.min.js"></script>
        <script src="javascript/lib/jquery.min.js"></script>
        <script src="javascript/lib/jquery.numberGrow.js"></script>
        <script src="javascript/lib/transitionNum.js"></script>
        <script src="javascript/tools_neiye.js"></script>
        <script src="javascript/index.js"></script>
    </div>

</div>

</body>
</html>